/* 样式文件 login.css */

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    background-color: #000000;
}

.center-container {
    position: relative; /* 或 absolute/fixed，取决于你的需求 */
    height: 85vh; /* 视口高度的100% */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.login-box {
    border: 2px solid #ccc; /* 边框 */
    border-radius: 20px; /* 圆角 */
    padding: 20px; /* 内边距 */
    width: 300px; /* 宽度 */
    margin: 0 auto; /* 居中显示 */
    background-color: #fff; /* 背景色 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 阴影 */
    height:400px;
}

h1 {
    text-align: center;
    margin-bottom: 20px;
}

form table {
    width: 90%; /* 表格宽度100% */
    border-collapse: collapse; /* 合并边框 */
    height:250px;
    text-align: center;
}

form table td {
    padding: 1px; /* 单元格内边距 */
}

form table td.tdx {
    text-align: center; /* 对齐到右边 */
}

form input[type="text"],
form input[type="password"] {
    width: 100%; /* 输入框宽度100% */
    padding: 5px; /* 内边距 */
    box-sizing: border-box; /* 包括边框和内边距在内计算宽度 */
    transition: border-color 0.3s ease;
}

/* 输入框获得焦点时的样式 */
input[type="text"]:focus,
input[type="password"]:focus,
    /* 添加其他你需要的输入框类型 */
textarea:focus {
    border-color: #cccc;
    outline: none; /* 移除浏览器默认的聚焦轮廓线（如果需要的话） */
}

form input[type="submit"] {
    margin-top: 10px; /* 上边距 */
    padding: 5px 10px; /* 内边距 */
    background-color: #F9C73D; /* 背景色 */
    color: #fff; /* 文本色 */
    border: none; /* 无边框 */
    border-radius: 3px; /* 圆角 */
    cursor: pointer; /* 鼠标悬停时显示小手 */
    width: 90px;
    height: 40px;
    font-size: 16px;
    text-align: center;
}

#form_msg {
    margin-top: 5px; /* 上边距 */
    display: block; /* 显示为块级元素 */
    text-align: center; /* 文本居中 */
}

.register-service {
    color: #f9c73d; /* 字体颜色 */
    text-decoration: none; /* 移除下划线 */
    /* 你可以添加更多的样式，比如字体大小、字体样式等 */
    font-size: 16px; /* 示例字体大小 */
    /* 如果你想要鼠标悬停时的样式变化，可以添加 :hover 伪类 */
    transition: color 0.3s ease; /* 过渡效果，使颜色变化更平滑 */
}

.register-service:hover {
    color: #e6b52d; /* 示例：鼠标悬停时颜色变深 */
    text-decoration: underline; /* 示例：鼠标悬停时显示下划线 */
}